<script type="text/javascript">
	$(function(){
		   $('#dg').treegrid({	url: '/tree/childrenss',  
            rownumbers: true,  
            pagination: true,  
            pageSize: 10,  
            pageList: [10,20],  
            idField: 'id', 
            treeField: 'name',  
            onBeforeLoad: function(row,param){  
                if (!row) { // load top level rows  
                    param.id = 1;   // set id=0, indicate to load new page rows  
                }
            } 	           
		});   
	});
	function add(){
	    $('#parentId').combotree({
			url: '/tree/childrens'				
			});
		$('#dlg').dialog('open').dialog('setTitle','Cấu trúc khách sạn');	
		$('#fm').form('clear');
		url = '/tree/add';
		$('#dg').treegrid('reload');
	     } 
		 function edit(){
		 $('#parentId').combotree({
			url: '/tree/childrens'				
			});
		var row = $('#dg').datagrid('getSelected');
		if (row){
			var isCat = row.isCat;
			if(isCat == 1)
			{
				$('#isCats').attr('checked','checked');
			}
			else
			{
				$('#isCats').removeAttr('checked');
			}
			if (row.parentId ==1){
			alert('Bạn không được sửa');
			}
			else
			$('#dlg').dialog('open').dialog('setTitle','Cập nhật dữ liệu');
			
			$('#fm').form('load',row);
			url = 'Tree/update/id/'+ row.id ;
		
		}else{
			$.messager.show({
				title:'Thông báo',
				msg:'Không có bản ghi nào được chọn!',
				timeout:5000,
				showType:'slide'
			});
		}
	}
	
	function del(){
		var row = $('#dg').datagrid('getSelected');
		alert(row.name);
		if (row){
			if (row.parentId ==1){
			alert('Bạn không được xóa');
			}
			else
			$.messager.confirm('Thông báo','Bạn có chắc chắn muốn xóa?',function(r){
				if (r){
					$.post('tree/del',{id:row.id},function(result){
						if (result.success){
							$('#dg').treegrid('reload');	
						} else {
							$.messager.show({	
								title: 'Error',
								msg: result.msg
							});
						}
					},'json');
					
				}
			});
		}else{
			$.messager.show({
				title:'Thông báo',
				msg:'Không có bản ghi nào được chọn!',
				timeout:5000,
				showType:'slide'
			});
		}
	}

	function save(){
		$('#fm').form('submit',{
			url: url,
			onSubmit: function(){
				return $(this).form('validate');
			},
			success: function(result){
				var result = eval('('+result+')');
				if (result.success){
					$('#dlg').dialog('close');		
					$('#dg').treegrid('reload');
				} else {
					$.messager.show({
						title: 'Error',
						msg: result.msg
					});
				}
			}
		});
	}

	function formatisCat(val, row){
		if (val > 0){
			return '<input type="checkbox" id="isCat"  name="isCat" checked disabled="disabled"/>';
		} else {
			return '<input type="checkbox" id="isCat"  name="isCat" disabled="disabled"/>';
		}
	}
	
	function isstatus(idp){
			$.get('/tree/isstatus?id='+idp);
			$('#dg').treegrid('reload');
		}
		function bccthangs(ict){
			$('#tt').datagrid({
			  url: '/tree/bccthang?id='+ict,
			});	
		   $("#dlg-order").dialog("open"); 
				
	        $('#fm-order').form('clear');
            		
		}
	
	function formatstatuss(val, row){
		if(row.isCat ==0 && row.type == 'Room' || row.type == 'Roomtype' || row.type == 'Bia'){
			 if(row.status == 2){
				return '<a href="/order" class="easyui-linkbutton" iconCls="icon-edit" plain="true" >Đang bận</a>';
				}
				 if(row.status == 1){
				return '<a href="/order/new" class="easyui-linkbutton" iconCls="icon-edit" plain="true" >Đang dảnh rỗi</a>';
				}
				 if(row.status == -1){
				return '<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="isstatus('+row.id+')">Chưa dọn</a>';
				}
		}
		if(row.isCat == 0 && row.type == 'ServiceType' || row.type == 'Service'){
			if(row.quantity == 0){
				return '<a href="/store/new" class="easyui-linkbutton" iconCls="icon-edit" plain="true" >Hết hàng</a>';
				}
				 if(row.quantity > 5){
				return '<a href="/store/new" class="easyui-linkbutton" iconCls="icon-edit" plain="true" >Còn hàng</a>';
				}
				 if(row.quantity < 5){
				return '<a href="/store/new" class="easyui-linkbutton" iconCls="icon-edit" plain="true" >Cần nhập</a>';
				}
		}
		
		/*if(row.isCat ==0 && row.type == 'Bia'){
			 if(row.status == 1){
				return '<a href="/order/edit?id='+row.id+'" class="easyui-linkbutton" iconCls="icon-edit" plain="true" >Đang bận</a>';
				}
				 if(row.status == 0){
				return '<a href="/order/new" class="easyui-linkbutton" iconCls="icon-edit" plain="true" >Đang dảnh rỗi</a>';
				}
				 if(row.status == -1){
				return '<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="isstatus('+row.id+')">Đang sửa</a>';
				}
		}*/
			
	   }
	   
	   function formatchitiet(val, row){
		if (row.isCat == 0 && row.type == 'ServiceType' || row.type == 'Service'){
			return '<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="bccthangs('+row.id+')"><i>Xem >></i></a>';
		   } 
	   }
	   
	   function sear(){
		var Name = $('#Name').val();
		var typess = $('#types').combobox('getValue'); 
		
		if (Name.length > 0 || typess.length > 0 ){
			$('#dg').treegrid('options').url = '/tree/sear/Name/'+ Name
			+'/types/'+ typess ;
			}
		else{
			$('#dg').treegrid('options').url = '/tree/childrenss';
		}
		$('#dg').treegrid('reload');
	}
	
	
</script>

<table id="dg" title="Cấu trúc khách sạn" class="easyui-treegrid" style="width:955px;min-height:300px" toolbar="#toolbar" pagination="true" >  
    <thead>  
        <tr>  
                <th field="name" width="170">Tên</th>
				<th field="price" width="100" align="right">Giá</th>
				<th field="quantity" width="100" align="right">Số lượng</th>
				<th field="type" width="100" align="right">Kiểu</th>
                <th field="content" width="200" align="center">Ghi chú</th> 
                <th field="isCat" align="center" formatter="formatisCat">Là danh mục</th>
				<th field="statuss" align="center" formatter="formatstatuss">Trạng thái</th>
				<th field="chitiet" align="center" width="100" formatter="formatchitiet">Chi tiết SP</th>
				<th field="parentId" align="center" data-options="hidden:true">parentid</th>
        </tr>  
    </thead>  
</table> 



<?php if($this->roles=='Admin' || $this->roles=='Quanly'){?>
<div id="toolbar" style="padding: 5px; height: auto; ">
	<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="add()">Thêm</a>
	<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="edit()">Sửa</a> 
	<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="del()">Xóa</a> 
	<div style="float: right;">
	    <a href="/Giaphong" class="easyui-linkbutton catalog" rel="Room" plain="true"  iconCls="icon-help" >Giá phòng</a>
	</div>

<!-- Begin Search -->
	<table border="0" width="600" cellspacing="0" style="padding-top: 3px;"
		cellpadding="1" class="tblForm">
		<tr>
			<td>
				<span>Tên:</span>
			</td>
			<td>
				<input id="Name" name="Name" style="border: 1px solid #ccc" />
			</td>
	
					<td  >
						<div>Kiểu danh mục:</div> 
					</td>
					<td >
						<div>
                        <select class="easyui-combobox" name="types"  id ="types" style="width:200px; height:100px"> 
                        <option value="">Chọn kiểu mà bạn muốn</option>						
                        <option value="Room">Phòng bình thường</option>  
                        <option value="RoomType">Phòng đặc biệt</option>  
                        <option value="ServiceType">Dịch vụ đặc biệt</option> 
                        <option value="Service">Dịch vụ </option> 
                        <option value="Bia">Bi a </option>  
                       </select>  
                       </div>
					</td>
			
			<td>
			<a href="#" class="easyui-linkbutton" iconCls="icon-search"
				plain="true" onclick="sear()">Tìm kiếm</a>
			</td>
		</tr>
		
	</table>
	<!-- End Search -->
	
</div> 
<?php }?>
<!-- BEGIN Form Thêm, Sửa -->
<div id="dlg" class="easyui-dialog" style="width: 600px; height: 350px; 
	background: #e7e7ef; padding:10px;" modal="true" closed="true" buttons="#dlg-buttons">
		<form id="fm" method="post">
			<table border="0" width="100%" cellspacing="0" cellpadding="4" class="tblForm">
				<tr>
					<td class="2Col">
						<div>Tên</div> 
					</td>					
					<td class="2Col">
						<input id="name" name="name" data-options="required:true" class="easyui-validatebox" style="width: 200px">
					</td>
				</tr><tr>
					<td>
						<div>Giá:</div> 
					</td>
					<td class="2Col">
						<input id="price" name="price" data-options="required:true" class="easyui-validatebox" style="width: 200px">
					</td>
				</tr>
				<tr>
					<td>
						<div>Số lượng:</div> 
					</td>
					<td class="2Col">
						<input id="quantity" name="quantity" data-options="required:true" class="easyui-validatebox" style="width: 200px">
					</td>
				</tr>
                <tr>
					<td>
						<div>Là danh mục:</div> 
					</td>
					<td class="2Col">
						<input id="isCats"  name="isCats" type="checkbox" />
					</td>
				</tr>
			
				<tr>
					<td class="2Col">
						<div>Danh mục cha:</div> 
					</td>
					<td class="2Col">
						<div><input id="parentId" name="parentId" data-options="required:true" class="easyui-combotree" style="width: 200px"></div>
					</td>
				</tr>
                <tr>
					<td class="2Col">
						<div>Kiểu danh mục:</div> 
					</td>
					<td class="2Col">
						<div>
                        <select class="easyui-combobox" name="type" style="width:200px; height:100px">  
                        <option value="Room">Phòng bình thường</option>  
                        <option value="RoomType">Phòng đặc biệt</option>  
                        <option value="ServiceType">Dịch vụ đặc biệt</option> 
                        <option value="Service">Dịch vụ </option> 
                         <option value="Bia">Bi a </option>  
                       </select>  
                       </div>
					</td>
				</tr>	
				
				<tr>
					<td>
						<div>Ghi chú:</div> 
					</td>
					<td class="2Col">
						<textarea id="content" name="content" style="height: 80px; width: 200px;"></textarea>
					</td>
				</tr>	
				
			</table>
		</form>
</div>
<div id="dlg-buttons">
	<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="save()">Câp nhật</a> 
	<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Hủy bỏ</a>
</div>
<!-- END Form -->

<div id="dlg-order" class="easyui-dialog" title="Thông tin chi tiết mặt hàng"
	style="width: 500px; height: auto; background: #ffff; "
	modal="true" closed="true">
		
      <table id="tt" " class="easyui-datagrid" style="height:auto"
			rownumbers="true"
			idField="id" treeField="name">
		    <thead>  
        <tr>  
            <th field="name" width="100" >Tên sản phẩm</th>
            <th field="snk" width="100" >Số lượng nhập</th>			
            <th field="sdb" width="100" >số lượng bán</th> 
            <th field="scl" width="100" >còn lại trong kho</th>			 
        </tr>                          
    </thead>  
   </table>
</div>
